﻿<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>超市收银系统</title>
<link type="text/css" rel="stylesheet" href="/fontsawesome/css/font-awesome.css"/>
<link type="text/css" rel="stylesheet" href="/css/style.css"/>
</head>
<body>
<div class="header">
	<div class="logo">
		<a href="main.html"><img src="images/logo.png"/></a>
	</div>
	<div class="nav">
		<ul class="clearfix">
			<li>
				<i class="fa fa-paste font_lager"></i>
				<p data-id="sales">销 售</p>
			</li>
            <li>
                <i class="fa fa-credit-card font_lager"></i>
                <p data-id="sales-out">销售退货</p>
            </li>
			<li>
				<i class="fa fa-user-plus font_lager"></i>
				<p data-id="producters">供应商</p>
			</li>
			<li>
				<i class="fa fa-file-text font_lager"></i>
				<p data-id="inGoods">进货管理</p>
			</li>
			<li>
				<i class="fa fa-user-circle-o font_lager"></i>
				<p data-id="inGoods-out">进货退货管理</p>
			</li>
			<li>
				<i class="fa fa-cube font_lager"></i>
				<p data-id="stock">库存管理</p>
			</li>

			<li>
				<i class="fa fa-cogs font_lager"></i>
				<p data-id="active">活动管理</p>
			</li>
			<li>
				<i class="fa fa-users font_lager"></i>
				<p data-id="staff">用户管理</p>
			</li>
			<li>
				<i class="fa fa-line-chart font_lager"></i>
				<p data-id="statistics">统计模块</p>
			</li>
			<li>
				<i class="fa fa-commenting font_lager"></i>
				<p data-id="other">其 他</p>
			</li>
		</ul>
	</div>
	<div class="nav_roll f_left" style="display:none;">
		<div class="f_left">
			<i class="fa fa-caret-left fa-1x"></i>
		</div>
		<div class="f_right">
			<i class="fa fa-caret-right fa-1x"></i>
		</div>
	</div>
	<ul class="login_msg">
		<li title="超市收银系统">超市收银系统</li>
		<li><a href="javascript:void(0);">退出</a></li>
	</ul>
</div>
<!--top end-->
<div class="main_left">
	<h2><i class="menu_icon fa fa-reorder"></i></h2>
	<ul class="menu">
        <!--销售模块-->
        <li>
            <i class="menu_icon fa fa-clipboard"></i>
            <a href="javascript:void(0);" data-id="sales" data-fast="new_order" data-href="/sales/cashierOrder">收 银</a>
        </li>
        <li>
            <i class="menu_icon fa fa-file-text-o"></i>
            <a href="javascript:void(0);" data-id="sales" data-href="/queryCashierOrderList">交易记录</a>
        </li>
        <!--销售退货管理-->

        <li>
            <i class="menu_icon fa fa-list"></i>
            <a href="javascript:void(0);" data-id="sales-out" data-href="/salesReturn">销售退货</a>
        </li>
        <li>
            <i class="menu_icon fa fa-sitemap"></i>
            <a href="javascript:void(0);" data-id="sales-out" data-href="/salesReturnRecord">退货记录</a>
        </li>
        <!--供应商模块-->
        <li>
            <i class="menu_icon fa fa-user"></i>
            <a href="javascript:toJump1('/provider/query');" data-id="producters" >供应商列表</a>
        </li>
        <li>
            <i class="menu_icon fa fa-user-plus"></i>
            <a href="javascript:toJump1('/provider/addPage');" data-id="producters">添加供应商</a>
        </li>
        <!--进货管理-->
        <li>
            <i class="menu_icon fa fa-list"></i>
            <a href="javascript:void(0);" data-id="inGoods" data-href="lookCommodity/query">商品列表</a>
        </li>
        <li>
            <i class="menu_icon fa fa-cube"></i>
            <a href="javascript:void(0);" data-id="inGoods" data-href="lookCommodity/look">购物车</a>
        </li>
        <li>
            <i class="menu_icon fa fa-sitemap"></i>
            <a href="javascript:void(0);" data-id="inGoods" data-href="lookCommodity/lookOrder">查询订单</a>
        </li>
        <!--进货退货管理-->
        <li>
            <i class="menu_icon fa fa-cube"></i>
            <a href="javascript:void(0);" data-id="inGoods-out" data-href="lookCommodity/return">退货</a>
        </li>
        <li>
            <i class="menu_icon fa fa-list"></i>
            <a href="javascript:void(0);" data-id="inGoods-out" data-href="lookCommodity/recording">退货记录</a>
        </li>
        <!--库存管理-->
        <li>
            <i class="menu_icon fa fa-history"></i>
            <a href="javascript:void(0);" data-id="stock" data-href="lookCommodity/Stock">商品入库</a>
        </li>
        <li>
            <i class="menu_icon fa fa-hourglass-half"></i>
            <a href="javascript:void(0);" data-id="stock" data-href="lookCommodity/OutStock">商品出库</a>
        </li>
        <!--<li>-->
            <!--<i class="menu_icon fa fa-hourglass-half"></i>-->
            <!--<a href="javascript:void(0);" data-id="stock" data-href=".html">商品库存</a>-->
        <!--</li>-->
        <!--商品销售单价管理-->
        <li>
            <i class="menu_icon fa fa-calendar-check-o"></i>
            <a href="javascript:void(0);" data-id="salesUtil" data-href=".html">销售单价设置</a>
        </li>

        <!--用户管理-->
        <li>
            <i class="menu_icon fa fa-users"></i>
            <a href="javascript:void(0);" data-id="staff" data-href="/emp/query">员工列表</a>
        </li>
        <li>
            <i class="menu_icon fa fa-plus-square"></i>
            <a href="javascript:void(0);" data-id="staff" data-href="empAdd">添加员工</a>
        </li>
        <li>
            <i class="menu_icon fa fa-plus-square"></i>
            <a href="javascript:void(0);" data-id="staff" data-href="/con/query">VIP列表</a>
        </li>
        <li>
            <i class="menu_icon fa fa-plus-square"></i>
            <a href="javascript:void(0);" data-id="staff" data-href="conAdd">添加VIP</a>
        </li>
        <!--活动管理-->
        <li>
            <i class="menu_icon fa fa-plus-square"></i>
            <a href="javascript:toJump1('/activationRecord/set');" data-id="active">新增活动</a>
        </li>
        <li>
            <i class="menu_icon fa fa-th"></i>
            <a href="javascript:toJump1('/activationRecord/selectActivity');" data-id="active">历史活动</a>
        </li>
        <!--统计模块-->
        <li>
            <i class="menu_icon fa fa-pie-chart"></i>
            <a href="javascript:void(0);" data-id="statistics" data-href="/emp/findSalary">员工工资</a>
        </li>
		<!--其他-->
		<li>
			<i class="menu_icon fa fa-commenting-o"></i>
			<a href="javascript:void(0);" data-id="other" data-href="/bal/query">超市余额</a>
		</li>
	</ul>
</div>
<!--left end-->
<div class="main_right" id="mainframe">
    <iframe  id="helloframe" src="/hello" name="cont_box" frameborder="0" width="100%" height="100%" seamless></iframe>

</div>


<!--<div class="main_right" >-->
    <!--&lt;!&ndash;<iframe  id="helloframe" src="/hello" name="cont_box" frameborder="0" width="100%" height="100%" seamless>&ndash;&gt;-->
    <!--<div id="helloframe1" width="100px" height="100px" name="cont_box"></div>-->
    <!--<iframe target="test" id="helloframe" src="/hello" name="cont_box" frameborder="0" width="100%" height="100%" seamless>-->
    <!--</iframe>-->
    <!--&lt;!&ndash;<div id="helloframe"></div>&ndash;&gt;-->
<!--</div>-->


<!--desktop end-->
<!--javascript include-->
<script src="js/jquery-2.2.1.min.js"></script>
<script src="js/tipSuppliers.js"></script>
<script src="js/jump.js"></script>
<script>
	$("iframe[name='cont_box']").on("load",function(){
		$(".loading").hide();
		setTimeout(function(){$("iframe[name='cont_box']").css("opacity","1");},500);
	});
	$(function(){
		$(".loading").hide();
		setTimeout(function(){$("iframe[name='cont_box']").css("opacity","1");},500);
		$(".nav li:first").trigger("click");
	});
	jQuery("body").jrdek({Mtop:".header",Mleft:".main_left",Mright:".main_right",foldCell:".main_left h2"});
	$(".logo").click(function(){
		$("iframe[name='cont_box']").prop("src","hello.html");
	});
</script>
</body>
<script type="text/javascript" th:inline="javascript">

    var currUrl = [[${#session.getAttribute("currUrl")}]];
    var currParam = [[${#session.getAttribute("currParam")}]];

	loadCurr(currUrl,currParam);

	function loadCurr(currUrl, currParam) {
		currUrl = currUrl || "hello";
		toJump1(currUrl,currParam);
	}
</script>
</html>